/**
 *  @author: zhangxt
 *  @date:2023/02/28
 *  @description: 全局通用样式
 */

/* start--文本行数限制--start */
.u-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-line-2 {
  -webkit-line-clamp: 2;
}

.u-line-3 {
  -webkit-line-clamp: 3;
}

.u-line-4 {
  -webkit-line-clamp: 4;
}

.u-line-5 {
  -webkit-line-clamp: 5;
}

.u-line-2,
.u-line-3,
.u-line-4,
.u-line-5 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 弹性伸缩盒 */
  -webkit-box-orient: vertical;
  /* 设置伸缩盒子元素排列方式 */
}

/* end--文本行数限制--end */

/* start--flex布局--start */
.u-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.u-flex-col {
  flex-direction: column;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-row-center {
  justify-content: center;
}

.u-row-left {
  justify-content: flex-start;
}

.u-row-right {
  justify-content: flex-end;
}

.u-row-between {
  justify-content: space-between;
}

.u-row-around {
  justify-content: space-around;
}

.u-col-center {
  align-items: center;
}

.u-col-top {
  align-items: flex-start;
}

.u-col-bottom {
  align-items: flex-end;
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.u-between {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

/* end--flex布局--end */

/* start--自定义滚动条--start */

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.custom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #ffffff;
}

/*定义滚动条轨道 内阴影+圆角*/
.custom-scroll::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  border-radius: 3px;
  background-color: #ffffff;
}

/*定义滑块 内阴影+圆角*/
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  background-color: #dddee0;
}

/* end--自定义滚动条--end */
